<template>
  <PageContainer>
    <div class="search-list">
      <div class="left">
        <div class="item">
          <span class="label">项目名称</span>
          <el-input v-model="searchParams.keyword" placeholder="请输入项目名称" :suffix-icon="Search" />
        </div>
        <div class="item">
          <div class="labe">启用状态</div>
          <el-checkbox-group v-model="searchParams.status">
            <el-checkbox label="1">启用</el-checkbox>
            <el-checkbox label="2">禁用</el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
    </div>
    <div class="pt-10px pb-20px">
      <RouterLink :to="{ path: '/ground/groundProjectCreateUpdate' }">
        <el-button type="primary">添加项目</el-button>
      </RouterLink>
    </div>
    <div class="table-wrap">
      <el-table :data="tableData">
        <el-table-column label="教室名称" prop="xxx" />
        <el-table-column label="面积大小" prop="xxx" />
        <el-table-column label="起订时长" prop="xxx" />
        <el-table-column label="可租赁时段" prop="xxx" />
        <el-table-column label="租赁价格" prop="xxx" />
        <el-table-column label="排序" prop="xxx" />
        <el-table-column label="状态" prop="xxx" />
        <el-table-column label="操作" prop="xxx">
          <template #default="scope">
            <RouterLink :to="{ path: '/ground/groudProjectHome' }">
              <el-link type="primary">管理</el-link>
            </RouterLink>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </PageContainer>
</template>

<script lang="ts" setup>
import { Search } from '@element-plus/icons-vue'
defineOptions({ name: 'GroundProjectList' })

const searchParams = reactive({
  keyword: '',
  status: ['1'],
})

const tableData = ref([{}])
</script>

<style scoped lang="scss"></style>
